{% extends "app/base_site.html" %}

{% block title %} 工作台 {% endblock title %}

{% block stylesheets %}
  {{ block.super }}
{% endblock stylesheets %}

{% block content %}
  <div class="right_col" role="main">
    <!-- top tiles -->
    <div class="row tile_count">
      <div class="col-md-4 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-user"></i> 昨日收益</span>
        <div class="count">{{ yesterday_profit }}</div>
      </div>
      <div class="col-md-4 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-clock-o"></i> 本月收益</span>
        <div class="count">{{ month_profit }}</div>
      </div>
      <div class="col-md-4 col-sm-4 col-xs-6 tile_stats_count">
        <span class="count_top"><i class="fa fa-user"></i> 累计收益</span>
        <div class="count">{{ profit }}</div>
      </div>
    </div>
    <!-- /top tiles -->

    <br />

    <div class="row">
       <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_content">
              <div class="table-responsive">
                <table class="table table-striped jambo_table bulk_action">
{#                  <thead>#}
{#                    <tr class="headings">#}
{#                      <th>#}
{#                        <input type="checkbox" id="check-all" class="flat">#}
{#                      </th>#}
{#                      <th class="column-title">日期 </th>#}
{#                      <th class="column-title">广告展示 </th>#}
{#                      <th class="column-title">广告点击</th>#}
{#                      <th class="column-title">点击率 </th>#}
{#                      <th class="column-title">eCPM(元)</th>#}
{#                      <th class="column-title">总收入(元) </th>#}
{#                      </th>#}
{#                      <th class="bulk-actions" colspan="7">#}
{#                        <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions ( <span class="action-cnt"> </span> ) <i class="fa fa-chevron-down"></i></a>#}
{#                      </th>#}
{#                    </tr>#}
{#                  </thead>#}

{#                  <tbody>#}
{#                    <tr class="even pointer">#}
{#                      <td class="a-center ">#}
{#                        <input type="checkbox" class="flat" name="table_records">#}
{#                      </td>#}
{#                      <td class=" ">121000040</td>#}
{#                      <td class=" ">May 23, 2014 11:47:56 PM </td>#}
{#                      <td class=" ">121000210 <i class="success fa fa-long-arrow-up"></i></td>#}
{#                      <td class=" ">John Blank L</td>#}
{#                      <td class=" ">Paid</td>#}
{#                      <td class="a-right a-right ">$7.45</td>#}
{#                      </td>#}
{#                    </tr>#}
{#                    <tr class="odd pointer">#}
{#                      <td class="a-center ">#}
{#                        <input type="checkbox" class="flat" name="table_records">#}
{#                      </td>#}
{#                      <td class=" ">121000039</td>#}
{#                      <td class=" ">May 23, 2014 11:30:12 PM</td>#}
{#                      <td class=" ">121000208 <i class="success fa fa-long-arrow-up"></i>#}
{#                      </td>#}
{#                      <td class=" ">John Blank L</td>#}
{#                      <td class=" ">Paid</td>#}
{#                      <td class="a-right a-right ">$741.20</td>#}
{#                      </td>#}
{#                    </tr>#}
{#                  </tbody>#}
                </table>
              </div>
            </div>
          </div>
        </div>

    </div>


    </div>
  </div>
{% endblock content %}

{% block javascripts %}
  {{ block.super}}
  <!-- Chart.js -->
  <script src="/static/vendors/Chart.js/dist/Chart.min.js"></script>
  <!-- gauge.js -->
  <script src="/static/vendors/gauge.js/dist/gauge.min.js"></script>
  <!-- Skycons -->
  <script src="/static/vendors/skycons/skycons.js"></script>
  <!-- Flot -->
  <script src="/static/vendors/Flot/jquery.flot.js"></script>
  <script src="/static/vendors/Flot/jquery.flot.pie.js"></script>
  <script src="/static/vendors/Flot/jquery.flot.time.js"></script>
  <script src="/static/vendors/Flot/jquery.flot.stack.js"></script>
  <script src="/static/vendors/Flot/jquery.flot.resize.js"></script>
  <!-- Flot plugins -->
  <script src="/static/vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script>
  <script src="/static/vendors/flot-spline/js/jquery.flot.spline.min.js"></script>
  <script src="/static/vendors/flot.curvedlines/curvedLines.js"></script>
  <!-- DateJS -->
  <script src="/static/vendors/DateJS/build/date.js"></script>
  <!-- JQVMap -->
  <script src="/static/vendors/jqvmap/dist/jquery.vmap.js"></script>
  <script src="/static/vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
  <script src="/static/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>
{% endblock javascripts %}
